<html>
<wicket:extend>
  <table cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td align="center" style="width: 45%;">
        <form id="uxLibraryForm" wicket:id="wuxLibraryForm">
        <span id="uxLibraryListingLabel" wicket:id="wuxLibraryListingLabel" class="uxLibraryListingLabel">[Libraries for User]</span>
        <div style="vertical-align: text-bottom;">
        <br />
        <label id="uxWithinLabel" class="uxLabel">Get books coming due from: </label>
        </div>
        <br /><br />
          <table id="uxLibraryListing" class="uxLibraryListing" cellpadding="0" cellspacing="5" width="100%">
            <tr>
              <td align="left">
                <span class="uxLibraryHeading">Library</span>
              </td>
              <td align="right">
                <span class="uxLibraryHeading">Within (days)</span>
              </td>
              <td align="center">
                <span class="uxLibraryHeading">Update</span>
              </td>
            </tr>
            <tr wicket:id="wuxLibraries">
              <td class="uxLibraryCell" align="left">
                <label wicket:id="wuxLibraryLabel" class="uxLibraryLabel" />
              </td>
              <td class="uxLibraryCell" align="right">
                <input wicket:id="wuxWithin" class="textboxRight" maxlength="3" type="text" size="3" style="text-align: right;" />
              </td>
              <td class="uxLibraryCell" align="center">
                <button wicket:id="wuxQueryCommand" class="button" type="submit">Update</button>
              </td>
            </tr>
        </table>
        </form>
      </td>
      <td align="center" style="width: 55%;" valign="top">
        <span class="uxLibraryListingLabel" style="text-align: center; width: 100%;">Your Borrowed Items</span>
        <em>Click heading title to sort by column.</em>
        <label id="uxQueryError" wicket:id="wuxQueryError" class="errorGreen" />
        <br />
          <table class="uxLibraryListing" cellpadding="5" cellspacing="0" width="100%">
            <tr>
              <td align="left">
                <a wicket:id="DueDateLink" href="#" class="uxLibraryHeading">Due Date</a>
              </td>
              <td align="left">
                <a wicket:id="TitleLink" href="#" class="uxLibraryHeading">Title</a>
              </td>
              <td align="left" colspan="1">
                <a wicket:id="LibraryLink" href="#" class="uxLibraryHeading">Library</a>
              </td>
            </tr>
        <div wicket:id="wuxBookListing">
            <tr>
              <td class="uxLibraryCell" align="right">
                <label wicket:id="wuxDueDate" class="uxLibraryLabel" />
              </td>
              <td class="uxLibraryCell" align="left">
                <label wicket:id="wuxTitle" class="wuxLibraryLabel" />
              </td>
              <td class="uxLibraryCell" align="left">
                <label wicket:id="wuxBookLibrary" class="wuxLibraryLabel" />
              </td>
            </tr>
          </div>
        </table>
      </td>
    </tr>
  </table>
  </wicket:extend>
</html>
